<div class="am-container">
    <div class="am-alert fx-alert">
        <div class="am-g">
            <div class="am-u-sm-6">数量：<span class="c-orange">18</span></div>
            <div class="am-u-sm-6">金额：<span class="c-orange">110</span>万</div>
        </div>
    </div>

    <section data-am-widget="accordion" class="am-accordion am-accordion-gapped" data-am-accordion='{  }'>
        <dl class="am-accordion-item am-active">
            <dt class="am-accordion-title">
            <div class="am-g">
                <div class="am-u-sm-4 am-text-center"><strong>华东区</strong></div>
                <div class="am-u-sm-8 am-text-center">预计：<span class="c-orange">60</span>万</div>
            </div>
            </dt>
            <dd class="am-accordion-bd am-collapse am-in">
                <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
                <!-- <div class="am-accordion-content"> -->
                <ul class="am-list am-list-static am-list-striped esti-li">
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国联通基站 <span class="am-icon-check am-text-success"></span>
                            </div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">10</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张无忌</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞3天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国银行自动化 <span class="am-icon-remove am-text-danger"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张三丰</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞1天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">远洋新干线装修 <span class="am-icon-plus am-text-secondary"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">30</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张翠山</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞2天</span></div>
                        </div>
                    </li>
                </ul>
                <!-- </div> -->
            </dd>
        </dl>
        <dl class="am-accordion-item">
            <dt class="am-accordion-title">
            <div class="am-g">
                <div class="am-u-sm-4 am-text-center"><strong>华南区</strong></div>
                <div class="am-u-sm-8 am-text-center">预计：<span class="c-orange">60</span>万</div>
            </div>
            </dt>
            <dd class="am-accordion-bd am-collapse ">
                <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
                <!-- <div class="am-accordion-content"> -->
                <ul class="am-list am-list-static am-list-striped esti-li">
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国联通基站 <span class="am-icon-check am-text-success"></span>
                            </div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">10</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张无忌</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞3天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国银行自动化 <span class="am-icon-remove am-text-danger"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张三丰</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞1天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">远洋新干线装修 <span class="am-icon-plus am-text-secondary"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">30</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张翠山</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞2天</span></div>
                        </div>
                    </li>
                </ul>
                <!-- </div> -->
            </dd>
        </dl>
        <dl class="am-accordion-item">
            <dt class="am-accordion-title">
            <div class="am-g">
                <div class="am-u-sm-4 am-text-center"><strong>华北区</strong></div>
                <div class="am-u-sm-8 am-text-center">预计：<span class="c-orange">60</span>万</div>
            </div>
            </dt>
            <dd class="am-accordion-bd am-collapse ">
                <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
                <!-- <div class="am-accordion-content"> -->
                <ul class="am-list am-list-static am-list-striped esti-li">
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国联通基站 <span class="am-icon-check am-text-success"></span>
                            </div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">10</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张无忌</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞3天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">中国银行自动化 <span class="am-icon-remove am-text-danger"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张三丰</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞1天</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-text-truncate">远洋新干线装修 <span class="am-icon-plus am-text-secondary"></span></div>
                        </div>
                        <div class="am-g am-text-xs">
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">20</span>万</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-orange">30</span>%</div>
                            <div class="am-u-sm-3 am-text-truncate">张翠山</div>
                            <div class="am-u-sm-3 am-text-truncate"><span class="c-gray">停滞2天</span></div>
                        </div>
                    </li>
                </ul>
                <!-- </div> -->
            </dd>
        </dl>
    </section>
</div>
<!-- /.am-container -->